<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>CSI员工之家</title>
	<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
	<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
	<meta content="" name="description"/>
	<meta content="" name="author"/>
	<link rel="icon" href="favicon.ico">
	<link rel="stylesheet" href="js/metronic/plugins/bootstrap/css/bootstrap.css"
	      th:href="@{/js/metronic/plugins/bootstrap/css/bootstrap.css}"/>
	<!-- Font Awesome Icons -->
	<link rel="stylesheet" href="login/css/font-awesome.css" th:href="@{/login/css/font-awesome.css}"/>
	<link rel="stylesheet" href="js/metronic/plugins/simple-line-icons/css/simple-line-icons.css" th:href="@{/}"/>
	<link rel="stylesheet" href="login/css/animate.min.css" th:href="@{/login/css/animate.min.css}"/>
	<!-- Ionicons -->
	<link href="login/css/ionicons.css" rel="stylesheet" type="text/css" th:href="@{/login/css/ionicons.css}"/>
	<!-- Skins. Choose a skin from the css/skins
	 folder instead of downloading all of them to reduce the load. -->
	<link href="login/css/_all-skins.css" rel="stylesheet" type="text/css" th:href="@{/login/css/_all-skins.css}"/>
	<!-- Castle 1.0 -->
	<link href="login/css/castle.css" rel="stylesheet" type="text/css" th:href="@{/login/css/castle.css}"/>
	<!-- Theme style -->
	<link href="login/css/castle-main.css" rel="stylesheet" type="text/css" th:href="@{/login/css/castle-main.css}"/>
	<link href="../static/js/metronic/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"
	      th:href="@{/js/metronic/plugins/layui/css/layui.css}"/>
	<link href="../static/js/metronic/plugins/scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css"
	      th:href="@{/login/css/fontsize.css}"/>
	<link href="../static/login/css/fontsize.css" rel="stylesheet" type="text/css" th:href="@{/}"/>
	<link rel="stylesheet" href="login/css/theme.css" th:href="@{/login/css/theme.css}"/>
	<link rel="stylesheet" href="login/css/cover.css" th:href="@{/login/css/cover.css}"/>
	<link rel="stylesheet" href="login/css/step.css" th:href="@{/login/css/step.css}"/>
	<link href="login/css/login.css" rel="stylesheet" type="text/css" th:href="@{/login/css/login.css}">
	<link rel="stylesheet" href="css/mask.css" th:href="@{/css/mask.css}"/>
</head>


<body style="width: 100%;height: 100%;margin: 0;padding: 0; ">
	<div class="bg-canvas">
		<canvas id="demo-canvas" width="100%" height="100%" style="width: 100%;height: 99%;overflow: hidden;"></canvas>
	</div>
	<div class="login-box" id="loginbox">
		<!-- /.login-logo -->
		<div class="login" id="main_login">
			<div class="input_text">
				<div id="message" style="position:absolute;color:red;margin-top:-20px;margin-left:100px;"></div>
				<!--<form  action="login.d" method="post" onsubmit="return validateLogin()"> -->
				<!--<form action="login" method="post" id="loginForm">-->
				<form class="content form-signin">
					<div class="navbar-header">
						<div>
							<span style="font-family:'Britannic Bold', 'Britannic';color:#3BC5BB;">CSI员工</span>
							<span
								style="font-family:'Segoe UI Emoji Bold', 'Segoe UI Emoji Normal', 'Segoe UI Emoji';color:#1D4474;"></span>
							<span
								style="font-family:'Segoe UI Emoji Bold', 'Segoe UI Emoji Normal', 'Segoe UI Emoji';color:#FF9A4C;">之家</span>
						</div>
					</div>

					<div class="formitem">
						<span class="icon fa fa-user"></span>
						<span class="input">
					        		<input id="username" name="username" value="" class="form-control l35"
							               fv_type="NOTCN" type="text" maxlength="20" placeholder="请输入您的用户名"
							               data-toggle="tooltip" data-placement="right"/>
					        	</span>
					</div>
					<div class="formitem">
						<span class="icon fa fa-key"></span>
						<span class="input">
					        		<input id="password" name="password" value=""
							               class="form-control highlight_green l35" fv_type="NOTCN" type="password"
							               maxlength="20" placeholder="请输入您的密码" data-toggle="tooltip"
							               data-placement="right">
					        	</span>
					</div>
					<div class="formoperate">
					        	<span class="rememberPwd">
					        		<input type="checkbox" id="rememberPwd" name="rememberPwd"/><label
							        for="rememberPwd">记住密码</label>
					        	</span>
					</div>
					<div>
						<button type="buttion" id="login-submit-btn" class="layui-btn  btn-login" style="width:150px">
							&nbsp;&nbsp;登　录&nbsp;&nbsp;
						</button>
						<button type="button" title="刷脸登录" data-search-open="" data-title="刷脸登录" modal-toggle="modal"
						        data-href="face/face.html" data-width="780" data-height="500"
						        class="layui-btn  btn-login" style="width:150px">&nbsp;&nbsp;刷 脸&nbsp;&nbsp;
						</button>
					</div>

					<div class="formoperate" id="tishi" style="text-align: center;color: red;padding-top: 15px">


					</div>
				</form>
				<!--  </form>-->
			</div>
		</div>
	</div>

	<script language="JavaScript">
		var context = "/hrm", __contextPath = "/hrm", __extendOptions = "main/options", __jsPath = "/hrm/gdsp/js",
			__scriptPath = "/hrm/gdsp/script";
	</script>
	<script src="js/jquery-2.1.4.js" th:src="@{/js/jquery-2.1.4.js}"></script>
	<script src="js/utils-base.js" th:src="@{/js/utils-base.js}"></script>

	<script src="js/metronic/plugins/layui/layui.js" th:src="@{/js/metronic/plugins/layui/layui.js}"></script>
	<script src="js/metronic/plugins/layui/layui-config.js"
	        th:src="@{/js/metronic/plugins/layui/layui-config.js}"></script>
	<script src="js/util.js" th:src="@{/js/util.js}"></script>
	<script src="js/autoheight.js" th:src="@{/js/autoheight.js}"></script>
	<script src="js/mask.js" th:src="@{/js/mask.js}"></script>


	<script type="text/javascript" src="js/login/lufylegend-1.10.1.simple.min.js"
	        th:src="@{/js/login/lufylegend-1.10.1.simple.min.js}"></script>
	<script type="text/javascript" src="js/login/lufylegend.LoadingSample4-0.1.0.min.js"
	        th:src="@{/js/login/lufylegend.LoadingSample4-0.1.0.min.js}"></script>
	<script type="text/javascript" src="js/login/TweenLite.min.js" th:src="@{/js/login/TweenLite.min.js}"></script>
	<script type="text/javascript" src="js/login/login.js" th:src="@{/js/login/login.js}"></script>
	<script type="text/javascript" src="js/metronic/plugins/jQuery-Storage-API/jquery.storageapi.js"
	        th:src="@{/js/metronic/plugins/jQuery-Storage-API/jquery.storageapi.js}"></script>
	<script type="text/javascript" src="login/js/login.js" th:src="@{/login/js/login.js}"></script>
	<script type="text/javascript" src="js/alert.js" th:src="@{/js/alert.js}"></script>


	<script src="js/metronic/plugins/layui/layui.js" th:src="@{/js/metronic/plugins/layui/layui.js}"></script>
	<script src="js/metronic/plugins/layui/layui-config.js"
	        th:src="@{/js/metronic/plugins/layui/layui-config.js}"></script>
	<script src="js/metronic/plugins/jQuery-Storage-API/jquery.storageapi.js"
	        th:src="@{/js/metronic/plugins/jQuery-Storage-API/jquery.storageapi.js}"></script>
	<script src="js/metronic/plugins/app/app.js" th:src="@{/js/metronic/plugins/app/app.js}"></script>

	<script>
		//serialize form data
		function serializeFormData($form) {
			let unindexed_array = $form.serializeArray();
			let indexed_array = {};

			$.map(unindexed_array, function (n, i) {
				indexed_array[n['name']] = n['value'];
			});

			return JSON.stringify(indexed_array);
		}

		function checkResultAndGetData($result) {
			if ($result.success == false) {
				throw $result;
			}
			return $result.data;
		}
	</script>
</body>
</html>       
        
        
        
        
